﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="../JS/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnImg").click(function () {
                $("#img1").attr("src",function () {
                    //请求地址一样的时候，浏览器会从缓存中读取，因此需要改变其地址
                    return "/Code/Code1.ashx?a=" + new Date().getMilliseconds();
                })
            })
            $("#btnCheckCode").click(function () {
                var code = $("#textCode").val();
                if (code.length == 0) {
                    alert("验证码不能为空！");
                    return;
                }
                $.post("/Code/ValidateCode.ashx", { "inputcode": code }, function (data, status) {
                    if (data == "1") {
                        alert("验证码不正确!");
                        return;
                    }
                    alert("验证通过!");
                })
            })

        })
    </script>

</head>
<body>

    <img id="img1" src="/Code/Code1.ashx" alt="Alternate Text" />
    <!--<img id="img2" src="/Code/Code2.ashx" alt="Alternate Text" />
    <img id="img3" src="/Code/Code3.ashx" alt="Alternate Text" />-->
    <input type="text" name="name" id="textCode" />
    <input type="button" name="name" id="btnImg" value="刷新验证码" />
    <input type="button" name="name" id="btnCheckCode" value="验证" />
</body>
</html>